<template>
<div>
    <div class="search-header">
        <div class="back"></div>
        <label class="search">
            <input type="text" placeholder="搜索">
        </label>
        <a href="#" class="nav">搜索</a>
    </div>
    <div class="search-history">
        <div class="title">历史搜索</div>
        <div class="search">
            <a href="#">瑜伽球</a>
            <a href="#">健身瑜伽球</a>
            <a href="#">健身用哑铃</a>
            <a href="#">女士健身哑铃</a>
            <a href="#">新品瑜伽垫</a>
            <a href="#">瑜伽垫</a>
            <a href="#">儿童玩具</a>
        </div>
    </div>
    <div class="search-hot">
        <div class="title">热门搜索</div>
        <div class="search">
            <a href="#">瑜伽垫</a>
            <a href="#">瑜伽球</a>
            <a href="#">健身球</a>
            <a href="#">哑铃</a>
            <a href="#">女士哑铃</a>
            <a href="#">儿童玩具</a>
            <a href="#">婴儿浴盆</a>
        </div>
    </div>
</div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang='less'>
@import url('./css/pro_search.less');
</style>